*{
    padding:0;
    margin: 0;
    box-sizing: border-box;
}
a,a:active, a:hover{
    border:0 solid;
    outline: none;
    text-decoration:none;
}
img{
    border:0;
    outline: none;
}
body{
    min-width: 1200px;
}
.header{
    height: 120px;
    line-height: 120px;
    background: #303030;
}
.head{
    width: 1200px;
    margin: 0 auto;
    display: table;
}
.head img{
    vertical-align: middle;
}
.logo{
    vertical-align: middle;
}
.dian{
    vertical-align: middle;
    margin: 0 20px;
}
.banner{
    height: 600px;
    width: 100%;
    min-width: 1200px;
    background: url("../img/banner.png")no-repeat center center;
    background-size: 100% 100%;
}
.banner-right{
    float: right;
    width: 400px;
    height: 590px;
    background: rgba(24,87,153,0.6);
    margin-top: 4px;
    border-radius: 5px;
    padding:36px 0 0 16px;
}
.banner-width{
    width: 1200px;
    margin: 0 auto;

}
.banner-info{
    width: 340px;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
    padding:0 8px;
    background: #ffffff;
    display: table;
    font-size:20px;
    color: #c8c6c6;
}
.banner-line{
    margin: 0 10px;
}
.banner-info img{
    vertical-align: middle;
}
.banner-info-hint{
    display: table;
    color: #ffffff;
    margin: 15px 0 32px 0;
}
.banner-info-hint img{
    float: left;
    margin-top: 1px;
    margin-right: 10px;
}
.yzm{
    font-size: 16px;
    border-radius: 5px;
    background: #0c5cbb;
    width: 90px;
    height: 32px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    padding: 5px 20px;
    float: right;
    margin-top: 10px;
}
.eb9c04{
    color: #eb9c04;
}
.register{
    color: #ffffff;
    text-align: center;
    height: 50px;
    line-height: 50px;
    width: 340px;
    background: #eb9c04;
    font-size:24px;
    border-radius: 5px;
}

.virtue {
    background: #e4e4e3;
}
.body-center{
    width: 1200px;
    margin: 0 auto;
}
.virtue-body{
    padding:80px 0;
}
.virtue-title{
    text-align: center;
    color: #eb9c04;
    font-size:40px;
}
.virtue-title img{
    vertical-align: middle;
    margin-right: 25px;
    display: inline-block;
    margin-top: -6px;
}
.virtue-detail{
    overflow: hidden;
    text-align: center;
}
.virtue-detail>div{
    margin-top: 116px;
    width: 33.333333%;
    float: left;
}
.virtue-detail-title{
    font-size:32px;
    color: #333;
    margin:  33px 0 22px 0;
}
.virtue-detail-title span{
    color: #eb9c04;
}
.virtue-detail-description{
    font-size:22px;
    width: 220px;
    margin: 0 auto;
    color: #333;
}
.service-function{
    background: #ffffff;
}
.service-function-body{
    margin:84px 0 100px 0 ;
}
.service-function-detail{
    overflow: hidden;
    text-align: center;
    padding-top:25px;
}
.service-function-detail>div{
    width: 33.333333%;
    float: left;
    margin-top: 55px;
    line-height: 54px;
    font-size: 22px;
    color: #333333;
}
.service-function-detail>div img{
    vertical-align: middle;
    display: inline-block;
    margin-right: 16px;
}
.down{
    padding:48px 0;
    overflow: hidden;
}
.down>div{
    text-align: center;
    width: 33.333333%;
    float: left;
}

.android-ios{
    display: inline-block;
    margin-top: 90px;
}
.organization{
    background: #ffffff;
}
.organization-detail{
    width:1200px;
    display: flex;
    justify-content: space-around;
    margin-top: 7px;
    flex-wrap:wrap;
}
.organization-detail>div{
    width: 220px;
    margin-top: 76px;
}
footer{
    background: #55abfb;
   padding:54px 0;
    color: #ffffff;
    line-height: 56px;
    text-align: center;
    font-size:22px;
}
.footers{
    margin-left: 60px;
}